/* color palette from <https://github.com/vuejs/theme> */
:root {
  --yo-c-white: #f8f8f8;
  --yo-c-main-white: #f8f8f8;
  --yo-header-white: #1976d2;
  --yo-input-white: #ffffff;

  --yo-input-black: #676666;
  --yo-header-black: #000;
  --yo-c-black: #000;
  --yo-c-main-black: #000;
  --yo-t-white: black;
  --yo-t-black: white;
}

/* semantic color variables for this project */
:root {
  --color-background: var(--yo-c-white);
  --color-main-background: var(--yo-c-main-white);
  --color-text: var(--yo-t-white);
  --color-header-background: var(--yo-header-white);
  --color-input-background: var(--yo-input-white);
  --color-abside-background: var(--yo-header-white);

  --section-gap: 160px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background: var(--yo-c-black);
    --color-main-background: var(--yo-c-main-black);
    --color-text: var(--yo-t-black);
    --color-header-background: var(--yo-header-black);
    --color-input-background: var(--yo-input-black);
    --color-abside-background: var(--yo-input-white);

    /* 富文本样式 */
    /* --w-e-textarea-bg-color: #aaa !important;
    --w-e-textarea-slight-bg-color: rgb(209, 204, 204) !important; */
    --w-e-textarea-bg-color: #1e1e20 !important;
    --w-e-textarea-slight-bg-color: #282c34 !important;
    --w-e-textarea-slight-border-color: #282c34 !important;
    --w-e-textarea-color: #fff !important;
    --w-e-textarea-slight-color: #d4d4d4 !important;
  }
  pre > code {
    text-shadow: none !important;
    font-size: 16px !important;
  }
}

.copybutton {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  color: #fff;
  background-color: #aaaaaa;
  border: none;
  font-size: 14px;
  padding: 5px !important;
  border-radius: 6px;
}

.copybutton:hover {
  color: #4290f7;
  background-color: #fff;
}

/* 滚动条样式  */
.gpt::-webkit-scrollbar {
  width: 0px !important;
  z-index: -11;
}

/* 设置底部导航栏 */
.main {
  padding-bottom: constant(safe-area-inset-bottom); /* 针对 iOS < 11.2 */
  padding-bottom: env(safe-area-inset-bottom); /* 针对 iOS >= 11.2 */
}
/* .gpt::-webkit-scrollbar-thumb {
  border-radius: 100px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.gpt::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
} */

/* 滚动条样式  */
/* pre>code::-webkit-scrollbar {
  width: 2px !important;
}
pre>code::-webkit-scrollbar-thumb {
  border-radius: 100px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
pre>code::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
} */
